<template>
    <div>
        <table>
            <tr>
                <td>门店名称</td>
                <td>
                    <input type="text" v-model="Yname">
                </td>
                <td>门店状态</td>
                <td>
                    <select v-model="Yzt">
                        <option value="全部">全部</option>
                        <option value="启用">启用</option>
                        <option value="禁用">禁用</option>
                    </select>
                </td>
               <td></td>
               <td>
                <input type="button"  value="查询" >
               </td>
            </tr>
        </table>
         <table class="table">
            <thead>
                <tr>
                    <td>门店名称</td>
                    <td>门店地址</td>
                    <td>联系方式</td>
                    <td>门店状态</td>
                </tr>
            </thead>
            <tbody>
                 <tr v-for="d in xs">
                    <td>{{d.Yname}}</td>
                    <td>{{d.Ydz}}</td>
                    <td>{{d.Ylxfs}}</td>
                    <td>{{d.Yzt}}</td>
                 </tr>
            </tbody>
         </table>
    </div>
</template>

<script setup lang="ts">
import axios from 'axios';
import {ref,onMounted} from 'vue';

const xs = ref([{
    "Yid": 1,
    "Yname": "滚滚滚",
    "Ydz": "北京市",
    "Ylxfs": "1352623323788",
    "Yzt": "启用"
}])

onMounted(()=>{
    xianshi();
})

const xianshi=()=>{
   axios.get("https://localhost:7119/api/ZK/GetAll").then(res=>{
        xs.value = res.data;
   })
}
</script>

<style scoped>

</style>